<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>领导批示</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/admin.css">
    <script src="js/jquery-1.4.2.min.js"></script>
    <script src="js/iscroll.js"></script>
    <style>
        #title {
            background-color: #FCFCFC;
            font-size: 1.1em;
        }
        #wrapper {
            position: absolute;
            z-index: 1;
            top: 45px;
            bottom: 48px;
            left: 0;
            width: 100%;
            overflow: hidden;

        }

        #scroller {
            position: absolute;
            z-index: 1;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            width: 100%;
        }
    </style>
    <script>
        $(document).ready(function () {
            for (var i = 0; i < 15; i++) {
                $("#leadList").append("<li class='am-g'><a href=" + i + " class='am-list-item-hd'>好好扶贫" + i + "</a></li>");
            }
        });
        var myScroll;
        function loaded() {
            myScroll = new IScroll('#wrapper', { mouseWheel: true, click: true });
        }
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);
        document.addEventListener('DOMContentLoaded', function () {
            setTimeout(loaded, 200);
        }, false);

        function enterLead(id) {
            switch (id){
                case "setting":
                   parent.location.href="Setting.html";
                    break;
                case "addLead":
                    parent.location.href="LeadOrdersAdd.html";
                    break;
            }
        }
    </script>
</head>
<body>
<div class="am-tabs" id="doc-my-tabs">

    <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
        <li id="tabOne" class="am-active"><a id="title">领导批示</a></li>
    </ul>
    <div id="wrapper"  class="am-tabs-bd">
        <div id="scroller" class="am-tab-panel am-active">
            <ul id="leadList" class="am-list">
                <li class="am-g" >
                    <a href="main.html" onclick="alert('jinru')" class="am-list-item-hd ">好好扶贫！</a>
                </li>
                <li class="am-g">
                    <a href="http://www.douban.com/online/11624755/" class="am-list-item-hd ">民生问题必须摆在第一位</a>
                </li>
                <li class="am-g">
                    <a href="http://www.douban.com/online/11645411/" class="am-list-item-hd ">中国人民工资必须上调50%</a>
                </li>
            </ul>
        </div>
    </div>
    <img src="img/setting.png" style="position: fixed;top: 0.7em;margin-left: 1em" onclick="enterLead('setting')">
    <img src="img/add.png" style="position: fixed;top: 0.7em;right: 1em" onclick="enterLead('addLead')">
</div>
<script>
    $(function () {
        $('#doc-my-tabs');
    });
</script>
</body>
</html>